<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		body, p {margin: 0; padding: 0;}
		div {width:400px; height:400px; background-color: #45dfff; overflow: hidden; margin: 20px;}

		/* 加和不加overflow的区别很大 */

		p {width: 100px; height: 100px; background-color: red; margin: 50px;}
	</style>
	<script src="jquery-1.10.1.min.js"></script>
	<script>
/*	$()下的常用方法
		offset() : 有两个值，一个left，一个top
*/
	$(function (){
		// alert( $('p').offset().left );	//70.		//获取到屏幕的距离（不论父级或更高级是否有定位）
		// alert( $('p').offset().top );	//70.
	})
	</script>
</head>
<body>
	<div>
		<p></p>
	</div>
</body>
</html>